{% load inclusion_tag_mac %}
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    {% block meta %}{% endblock %}
    <title>{% block title %}{% endblock %}</title>
    <link rel="stylesheet" href="{% static 'bootstrap-3.3.7/css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'font-awesome-4.7.0/css/font-awesome.min.css' %}">
    {% block css %}{% endblock %}
    <style>
        body {
            background-color: #F8F8FF;
        }
        .left-menu {
            color: white;
        }
        .bs-example {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 999;
        }
        .navbar {
            margin-bottom: 0;
            color: white;
            border-radius: 0;
        }
        .control-left {
            position: fixed;
            width: 12%;
            height: 100%;
            top: 51px;
            {#background-color: #8B8989;#}
            background-color: #4f5c65;
            padding-top: 15px;
            z-index: -1;
        }
        .control-right {
            float: right;
            width: 88%;
            margin-top: 51px;
            z-index: 998;
        }
    </style>
</head>
<body>
    <div class="bs-example">
    <nav id="navbar-example" class="navbar navbar-default navbar-static">
      <div class="container-fluid">
        <div class="navbar-header">
          <a class="navbar-brand font_menu" href="#">极客PMS</a>
        </div>
        <div class="collapse navbar-collapse bs-example-js-navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="dropdown">
              <a id="drop1" href="#" class="dropdown-toggle font_menu" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                生产管理
                <span class="caret"></span>
              </a>
              <ul class="dropdown-menu" aria-labelledby="drop1">
                <li><a href="{% url 'input_mac' %}">生产计划</a></li>
                <li role="separator" class="divider"></li>
                <li><a href="#">待开发</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a id="drop2" href="#" class="dropdown-toggle font_menu" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                出货管理
                <span class="caret"></span>
              </a>
              <ul class="dropdown-menu" aria-labelledby="drop2">
                <li><a href="{% url 'create_delivery_order' %}">创建出货</a></li>
                <li role="separator" class="divider"></li>
                <li><a href="{% url 'query_delivery_order' %}">出货查询</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a id="drop3" href="#" class="dropdown-toggle font_menu" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                系统管理
                <span class="caret"></span>
              </a>
              <ul class="dropdown-menu" aria-labelledby="drop2">
                <li><a href="{% url 'user_list' %}">用户</a></li>
                <li><a href="{% url 'department_list' %}">部门</a></li>
                <li><a href="{% url 'jurisdiction_list' %}">权限</a></li>
                <li role="separator" class="divider"></li>
                <li><a href="{% url 'product_list' %}">产品型号</a></li>
              </ul>
            </li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li id="fat-menu" class="dropdown">
              <a id="drop4" href="#" class="dropdown-toggle font_menu" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                {{ request.mac.user.username }}
                <span class="caret"></span>
              </a>
              <ul class="dropdown-menu" aria-labelledby="drop3">
                <li><a href="{% url 'user_password_edit' %}">修改密码</a></li>
                <li role="separator" class="divider"></li>
                <li><a href="{% url 'mac_logout' %}">退 出</a></li>
              </ul>
            </li>
          </ul>
        </div><!-- /.nav-collapse -->
      </div><!-- /.container-fluid -->
    </nav> <!-- /navbar-example -->
  </div>

    <div class="control-left">
        {% manage_menu_list request %}

    </div>
    <div class="control-right">
        {% block content %}{% endblock %}
    </div>
    {% block model %}{% endblock %}
<script src="{% static 'plugins/jquery-3.4.1.js' %}"></script>
<script src="{% static 'bootstrap-3.3.7/js/bootstrap.min.js'%}"></script>
{% block js %}{% endblock %}
</body>
</html>